<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>

<body>
    <main class="reg">
        <p class="reg-title"><a href="./login.html">密码登录</a></p>

        <h1>手机号登录/注册</h1>

        <p class="reg-prompt">快速找到好友,一站式记录你的运动</p>

        <form action="#">

            <p><input type="text" placeholder=请输入手机号码 class="tel"></p>

            <div class="cpatcha-box"><input type="text" placeholder=请输入验证码 class="code">
                <div>
                    <canvas width="100" height="50" id="captcha"></canvas>
                </div>
            </div>

            <p><input type="password" placeholder=请输入密码 class="pwd"> </p>

            <p><input type="password" placeholder=请再次确认密码 class="pwd2"> </p>

            <p><input type="button" class="register" value="注册账号"></p>

            <p class="wechat">
                <span class="iconfont icon-wechat"></span>
                <a href="#">微信注册</a></p>
        </form>

        <p class="reg-fotter">-HOLD ON-</p>

        <div class="reg-prompt-fotter"></div>
    </main>
</body>

</html>